<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>ALLADYN Project homepage</title>
<link rel="stylesheet" href="../al.css" type="text/css">
<script src="../js/Alladyn.js" type="text/javascript"></script>
<script>
<!--
function main() {
	vlay.rect.vopacity(75)
}
//-->
</script>
<style type="text/css">
<!--
	div { font-family: "Trebuchet MS", "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 13px; line-height: 20px; color:#DDDDFF; }
	#rect { position: absolute; background-color: #FF0000; layer-background-color: #FF0000; width: 400px; height: 300px; top: 25px; left: 150px; zIndex: 3; }
	#tekst { position: absolute; width: 450px; zIndex: 2; border-width: 1px; border-style: solid; border-color: #DDDDFF; padding: 10px; top: 45px; }
	#listing { background: url('ex2.gif'); zIndex: 2; padding: 10px; margin: 10px; }
	#head { position: absolute; top: 10px; }
//-->
</style>
</head>

<body background="../img/bg.gif" onload="Alladyn();main()">
<div id="head"><a href="http://alladyn.art.pl"><img src="../img/docs_exhead_eng.gif" width="450" height="35" alt="" border="0"></a></div>
<div id="tekst">
<div class="content">
	<span class="b">Example 4.4</span><br />
	This example shows the use of <span class="b">vopacity</span>:
	<ul>
	<li><a href="javascript:vlay.rect.vopacity(0)">Set the opacity to 0%</a><br />vlay.rect.vopacity(0)
	<li><a href="javascript:vlay.rect.vopacity(10)">Set the opacity to 10%</a><br />vlay.rect.vopacity(10)
	<li><a href="javascript:vlay.rect.vopacity(20)">Set the opacity to 20%</a><br />vlay.rect.vopacity(20)
	<li><a href="javascript:vlay.rect.vopacity(30)">Set the opacity to 30%</a><br />vlay.rect.vopacity(30)
	<li><a href="javascript:vlay.rect.vopacity(40)">Set the opacity to 40%</a><br />vlay.rect.vopacity(40)
	<li><a href="javascript:vlay.rect.vopacity(50)">Set the opacity to 50%</a><br />vlay.rect.vopacity(50)
	<li><a href="javascript:vlay.rect.vopacity(60)">Set the opacity to 60%</a><br />vlay.rect.vopacity(60)
	<li><a href="javascript:vlay.rect.vopacity(70)">Set the opacity to 70%</a><br />vlay.rect.vopacity(70)
	<li><a href="javascript:vlay.rect.vopacity(80)">Set the opacity to 80%</a><br />vlay.rect.vopacity(80)
	<li><a href="javascript:vlay.rect.vopacity(90)">Set the opacity to 90%</a><br />vlay.rect.vopacity(90)
	<li><a href="javascript:vlay.rect.vopacity(100)">Set the opacity to 100%</a><br />vlay.rect.vopacity(100)
	</ul>
	<a href="javascript:history.back()">Back</a>
</div>
</div>
<div id="rect"><img src="../img/empty.gif" width="400" height="300" alt="" border="0"></div>
</body>
</html>